/* normal state 
--------------------------------------------------- */
.sky-form .toggle i:before { background-color: #2a70e8; }
.sky-form .button { background-color: #00468e; }


/* hover state
--------------------------------------------------- */
.sky-form .input:hover input,
.sky-form .select:hover select,
.sky-form .textarea:hover textarea,
.sky-form .radio:hover i,
.sky-form .checkbox:hover i,
.sky-form .toggle:hover i,
.sky-form .ui-slider-handle:hover { border-color: #00468e; }

.sky-form .rating input + label:hover, .sky-form .rating input + label:hover ~ label { color: #00468e; }


/* focus state 
--------------------------------------------------- */
.sky-form .input input:focus, 
.sky-form .select select:focus,
.sky-form .textarea textarea:focus,
.sky-form .radio input:focus + i,
.sky-form .checkbox input:focus + i,
.sky-form .toggle input:focus + i { border-color: #00468e; }


/* checked state 
--------------------------------------------------- */
.sky-form .radio input + i:after { background-color: #00468e; }
.sky-form .checkbox input + i:after { color: #00468e; }
.sky-form .radio input:checked + i, .sky-form .checkbox input:checked + i, .sky-form .toggle input:checked + i { border-color: #00468e; }
.sky-form .rating input:checked ~ label { color: #00468e; }